<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Wizey-OKR</title>
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
        crossorigin="anonymous">
    <style>
        /* 简介的样式 */
        .instruction {
            margin-top: 1em;
            color: grey;
            text-align: center;
        }
        /* 表格表头水平居中 */
        .table thead tr th {
            text-align: center;
        }
        /* 表格表头、内容垂直居中 */
        .table thead tr th, .table tbody tr td {
            vertical-align: middle;
        }
    </style>
</head>

<body>
    <div class="container">
        <p class="instruction">
            OKR简介：OKR 是 Objectives and Key Results 的首字母缩写，即目标和衡量目标是否达成的关键结果。<br>
            得分范围：0~1，完成了，得分就是 1，部分完成，得分为 0 到 1 之间的数字。
        </p>
        <table class="table table-bordered table-hover text-center table-responsive">
            <caption class="text-center">
                <h1>Wizey-OKR</h1>
            </caption>
            <thead>
                <tr class="text-center">
                    <th rowspan="2">目标</th>
                    <th rowspan="2">关键结果</th>
                    <th colspan="2">正常进度</th>
                    <th colspan="2">落后于计划或者修改过的内容</th>
                    <th colspan="2">已经完成</th>
                </tr>
                <tr>
                    <th>得分</th>
                    <th>备注</th>
                    <th>得分</th>
                    <th>备注</th>
                    <th>得分</th>
                    <th>备注</th>
                </tr>
            </thead>
            <tbody>
                <!-- Java 基础 -->
                <tr>
                    <td rowspan="5">1、Java 基础知识无死角</td>
                    <td>1.1 Java 集合</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td>1.2 Java 多线程</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td>1.3 Java 枚举</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td>1.4 Java 并发</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td>1.5 Java 常用API</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <!-- Java Web 基础 -->
                <tr>
                    <td rowspan="4">2、Java Web 基础知识复习</td>
                    <td>2.1 Servlet、Filter、Listener 基础知识复习</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td>2.2 JSP 基础知识复习</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td>2.3 Session、Cookie 基础知识复习</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td>2.4 Tomcat 基础知识复习 </td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <!-- Java 框架 -->
                <tr>
                    <td rowspan="3">3、Java 框架原理</td>
                    <td>3.1 Spring 框架</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td>3.2 Spring MVC 原理</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td>3.3 Mybatis 知识</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <!-- 计算机基础 -->
                <tr>
                    <td rowspan="4">4、计算机基础</td>
                    <td>4.1 网络基础</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td>4.2 算法基础</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td>4.3 计算机组成基础</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td>4.4 操作系统基础</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
            </tbody>
        </table>
    </div>
</body>

</html>